Nvu
Nvu (neboli "new view" - nový pohled) je kvalitní WYSIWYG (What You See Is What You Get - co vidíš, to dostaneš) editor na
vytváření a správu webových stránek, který je založen na Editoru
z balíku "Mozilla Suite". Mezi hlavní přednosti se řadí snadné
ovládání a kvalita vytvářených webových stránek.
NVU má v sobě i kontrolu překlepů, správce nahrávání na server, CSS editor a možnost instalovat rozšíření.
NVU patří mezi Open Source (i když je v nápovědě "Všechna práva vyhrazena") projekt financovaný Linspire, Inc.
Nejnovější verze NVU je k dispozici nyní už pod názvem KompoZer (včetně počeštěné verze).
Nová upgradovaná podoba freewarového editoru:zde ke stažení (včetně českého lokalizačního balíčku)
Ke stažení verze Kompozer 0.7.10
Instalační balík ZDE
Lokalizační doplněK ZDE
Oficiální stránka s testovacímí produkty fy Zoner, včetně Zoner Photo Studio 12
Konfigurace
Jak již bylo napsáno výše, před tím, než začne tvorba stránek, je třeba editor nakonfigurovat. Ke konfiguraci je přístup přes nabídku tools->preferences (Nástroje->Možnosti). Základní nastavení obnáší 4 možnosti:
- Obecné - ve které je 5 částí
- Recent Pages Menu - nastavení počtu posledních editovaných souborů zobrazovaných v nabídce..
- When Saving or Publishing Pages - akce které budou provedeny při ukládání souboru na disk, respektive při jeho publikování na web. Možnosti jsou:
- Retain original source formating, nebo Reformat HTML source zachování (X)HTML tagů, tak jak je napsal autor, nebo jejich oprava či změna dle dalších voleb, během ukládání do souboru, nebo odesílání na web server.
- Save images and other associoted files when saving pages - povolení ukládat obrázky případně další vložené dokumenty při přenosu na web, nebo uložení do souboru.
- Always show Publish dialog when publishing pages - při přenosu na web server zobrazovat publikační dialog
- Table Editing - obsahuje jedinou položku, která určuje zda-li bude při vkládání a mazání buněk zachováno rozvržení tabulky
- Cascading Style Sheets (CSS) Editing - určuje, zda-li budou používány klasické tagy, nebo (v případě zaškrtnutí) jejich modernější ekvivalenty <span class="">text</span>, zapnutí řeší například používání sporného tagu <font ....>text</font>
- Site Manager - Zapnutí defaultního otevírání dokumentu v nové záložce, nikoliv v novém okně
- Písma - Nastavení fontů a rozlišení monitoru.
- Nová stránka (Nastavení parametrů pro vytvoření nových stránek) - Zde se nastavuje Autor (uvedený v meta-tags stránky), verzi značkovacího jazyka (HTML4 a XHTML1), verzi dtd (jestli má být Transitional, nebo Strict), defaultní barvy textu a linku, obrázek na pozadí stránky, jazyk stránky, směr psaní a kódovou stránku dokumentu.
- Pokročilé volby - Nastavení připojení, chování a převod na HTML entity
- Connection - nastavení připojení, otevře konfigurační dialog pro volbu způsobu připojení (výchozí volba je přímé, lze nakonfigurovat proxy servery a porty pro služby, s výjimkami kde není třeba připojení přes proxy server (localhost :-)) a proxy s automatickým konfiguračním scriptem)
- Behavior of the return key - Volba pro automatické vytváření nového odstavce po stisku klávesy Enter/Return
- Real-time spellcheck - Podtrhávání slov, která shledal spellchecker nevalidními
- Special chatacters - převod znaků na HTML entity:
- Only & < > ' and non-breakable whitespace - Nahrazení znaků & < > ' a pro nedělitelnou mezeru
- The above and Latin-1 letter - Nahrazení znaků
- All characters having an entity equivalence in the HTML 4 specification - Nahrazení všech znaků, které mají ekvivalent v HTML entitách (tabulka je k nalezení )
- Use &#...; notation for all non-ASCII characters - Nahrazení všech neASCII znaků
Začátek práce
Vytvořte si adresář pro Váš web (na soubory html, obrázky, zip archyvy na stažení atd)
V NVU vytvořte soubor a uložte jej do Vašeho adresáře "kurz_ws/vizitka" jako index.html. Před tímto se Vás však program zeptá na vyplnění titulku stránky. Zvolte jej tak, aby výstižně, ale dostatečně obecně, popisoval co na stránce je. Ne kdo je jeho autor nebo, že je to jen test. Tento text bude i ve vyhledávačích takže si dejte záležet.
Pokud máte již připravené obrázky, které mají být na stránkách umístěte je do podadresáře například "image", soubory pro stažení nahrejte do podadresáře "files" hudbu do adresaře "mp3" atd.. - ať to máte přehledné.
PS: Vždycky používejte pro názvy souborů a adresářů malá písmena, nikdy nepoužívejte českou diakritiku a ani mezery. Později by jste s tíim mohli mít potíže.
Vytvoření webové stránky - osobní vizitky
Příklad využití tabulkové organizace plochy stránky s integrovaným obrázkem, interaktivními odkazy a stylováním textu.
Vzorová stránka Vizitka s tabulkovou organizací
Integrované obrázky:
Vzorová stránka Fotogalerie
Vzorová stránka Zájmy
Kurz tvorby webových stránek:
Stav dokumentu:
- ke dni 29. 10. 2013 - aktuální stav přípravy stránek (celý adresář "webové prezentace" ) komprimovaný do "ZIP" formátu - první webová stránka se zavedeným příkladovým stylovým pravidlem H1